<template>
  <div class="father">
    <div class="son1">{{msg}}</div>
    <div>{{msg.toUpperCase()}}</div>
    <div>{{obj.uname}}</div>
    <div>{{obj.age>18?'成年':'未成年'}}</div>
    <div>vue</div>
    <a v-bind:href="url">百度</a>
  </div>
</template>

<script>
export default {
  data() {
    return{
      msg:'taikula泰裤辣',
      obj:{
        uname:'pq',
        age:6,
      },
      url:'http://www.baidu.com',
    }
  }
}
</script>

<style lang ="less">
.father{
  .son1{
    color: #087;
  }
}
</style>

